$(() => {
    let data = {
        perpage: 10,
        page: 1
    }
    // 获取文章列表
    const getlist = () => {
        ajax('GET', BigNew.article_query, data, (res) => {

            console.log(res);
            const htmlStr = template('article', res.data)

            $('tbody').html(htmlStr)
            renderPager(res.data.totalCount)
        })
    }
    // 获取文章类别
    const getListState = () => {
        ajax('GET', BigNew.category_list, {}, (res) => {
            console.log(res);
            const htmlStr = template('Category', res)
            console.log(htmlStr);
            $('#selCategory').html(htmlStr)
        })
    }
    getlist()
    getListState()

    // 筛选
    $('#btnSearch').on('click', function () {
        const key = $('#aname').val().trim()
        const type = $('#selCategory').val().trim()
        console.log(type);
        const state = $('#selStatus').val().trim()
        data = {
            key,
            type,
            state,
            perpage: 10,
        }
        getlist()
    })

    // 删除
    $('tbody').on('click', '.btn-danger', function () {
        const id = $(this).data('id')
        console.log(id);
        layer.confirm('确认删除嘛?', { icon: 3, title: '温馨提示' }, function (index) {
            ajax('POSt', BigNew.article_delete, { id }, (res) => {
                getlist()
            })

            layer.close(index);
        });

    })

    const renderPager = (count) => {
        layui.use('laypage', function () {
            var laypage = layui.laypage;

            //执行一个laypage实例
            laypage.render({
                elem: 'pager' //注意，这里的 test1 是 ID，不用加 # 号
                , count //数据总数，从服务端得到
                , limit: data.perpage
                , curr: data.page
                , jump: function (obj, first) {


                    //首次不执行
                    if (!first) {
                        //obj包含了当前分页的所有参数，比如：
                        console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                        console.log(obj.limit); //得到每页显示的条数
                        //do something
                        data.page = obj.curr
                        getlist()

                    }
                }
            });
        });
    }


})